<template>
  <footer class="bg-gray-900 border-t border-gray-700">
    <div class="max-w-7xl mx-auto px-6 py-8">
      <div class="flex flex-col md:flex-row justify-between items-center">
        <div class="mb-4 md:mb-0">
          <div class="flex items-center space-x-2">
            <div class="w-8 h-8 bg-gradient-to-r from-blue-500 to-purple-500 rounded-lg flex items-center justify-center">
              <svg class="w-5 h-5 text-white" fill="currentColor" viewBox="0 0 20 20">
                <path d="M10 12a2 2 0 100-4 2 2 0 000 4z"/>
                <path fill-rule="evenodd" d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"/>
              </svg>
            </div>
            <span class="text-xl font-bold text-gray-100"></span>
          </div>
          <!-- <p class="text-sm text-gray-400 mt-2">基于AI的个性化电影推荐平台</p> -->
        </div>
        <div class="flex space-x-6">
          <a href="#" class="text-gray-300 hover:text-blue-400 transition-colors duration-300">关于我们</a>
          <a href="#" class="text-gray-300 hover:text-blue-400 transition-colors duration-300">隐私政策</a>
          <a href="#" class="text-gray-300 hover:text-blue-400 transition-colors duration-300">帮助中心</a>
          <a href="#" class="text-gray-300 hover:text-blue-400 transition-colors duration-300">联系我们</a>
        </div>
      </div>
      <div class="mt-6 pt-6 border-t border-gray-700 text-center text-sm text-gray-500">
        © 2024 电影魔法. 保留所有权利.
      </div>
    </div>
  </footer>
</template>

<script setup lang="ts">
</script>